<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
		<title>来拍车App-车况等级规则</title>
		<link rel="stylesheet" href="{:get_style_cdnurl()}app/css/iconline.css">
		<link rel="stylesheet" href="{:get_style_cdnurl()}app/css/home.css">
		<script src="{:get_style_cdnurl()}app/js/jquery-1.11.1.js" type="text/javascript"></script>
	</head>
	<body>	
		<section class="grade-text">
		    <h3>车况等级，由<em><strong>综合车况</strong></em>和<em><strong>事故等级</strong></em>共2部分组成。</h3>
		    <dl>
		    	<dt>综合车况</dt>
		    	<dd class="clearfix">
		    		<span><strong>95分</strong></span>
		    		<div>
		    			<p>车身无明显伤痕，漆面状况很好。</p>
		    			<p>内饰干净整洁，电器设备及仪表功能正常。</p>
		    		</div>
		    	</dd>
		    	<dd class="clearfix">
		    		<span><strong>80分</strong></span>
		    		<div>
		    			<p>车身有细小伤痕，漆面状况良好。</p>
		    			<p>内饰干净整洁，电器设备及仪表功能正常。</p>
		    		</div>
		    	</dd>
		    	<dd class="clearfix">
		    		<span><strong>65分</strong></span>
		    		<div>
		    			<p>车身有明显伤痕，漆面状况一般。</p>
		    			<p>内饰为正常使用痕迹，有轻微污渍和磨损，主要电器功能正常。</p>
		    		</div>
		    	</dd>
		    	<dd class="clearfix">
		    		<span><strong>50分</strong></span>
		    		<div>
		    			<p>车身有明显伤痕，色差或龟裂，需要喷漆修复，漆面状况较差。</p>
		    			<p>内饰有不易去除的污渍或磨损，部分电器设备功能需修理。</p>
		    		</div>
		    	</dd>
		    	<dd class="clearfix">
		    		<span><strong>35分</strong></span>
		    		<div>
		    			<p>车身有多处漆面伤痕，需钣金修复，漆面状况很差。</p>
		    			<p>内饰大面积污损或部件缺失破损，多种电器功能失效需要更换。</p>
		    		</div>
		    	</dd>
		    </dl>
		    
		    <dl>
		    	<dt>事故等级</dt>
		    	<dd class="clearfix">
		    		<span><strong>A</strong></span>
		    		<div>
		    			<p>全车覆盖件（前后保险杠及塑料件除外）、加强件和结构件无修复。</p>
		    		</div>
		    	</dd>
		    	<dd class="clearfix">
		    		<span><strong>B</strong></span>
		    		<div>
		    			<p>全车结构件无损伤、加强件无严重损伤，允许覆盖件有修复。</p>
		    		</div>
		    	</dd>
		    	<dd class="clearfix">
		    		<span><strong>C</strong></span>
		    		<div>
		    			<p>全车结构件无重大损伤，允许覆盖件和加强件有修复。</p>
		    		</div>
		    	</dd>
		    	<dd class="clearfix">
		    		<span><strong>D</strong></span>
		    		<div>
		    			<p>全车结构件发生一处或多处严重损伤。</p>
		    		</div>
		    	</dd>
		    	
		    </dl>
		</section>
		<script>
			$(document).ready(function(){
				for(n=0;n<$(".grade-text dl").length;n++){
					for(i=0;i<$(".grade-text dl").eq(n).find("dd").length;i++){
						var colour=["#3399ff","#51a8ff","#66b3ff","#7abdff","#8fc7ff"]
						$(".grade-text dl").eq(n).find("dd span").eq(i).css({"background":colour[i]})
					}
				}
                for(m=0;m<$(".grade-text dl").eq(0).find("dd").length;m++){
                	var iHeight=$(".grade-text dl").eq(0).find("dd").eq(m).find("div").height();
                	var topH=$(".grade-text dl").eq(0).find("dd").eq(m).find("span").height();
                	$(".grade-text dl").eq(0).find("dd").eq(m).find("span").css("marginTop",(iHeight-topH)/2)
                }
			})
		</script>
	</body>
</html>





